<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../public/css/loan/mui.min.css" rel="stylesheet" />
		<style>
			*{font-family: "微软雅黑";}
			body{
				background-color: white;
				font-size: 15px;
			}
			.top-bg {
				width: 100%;
				height: auto;
				margin-top: 44px;
			}
			
			.top-bg span {
				position: absolute;
				top: 10px;
				left: 0px;
				display: block;
				width: 100%;
				height: 30px;
				text-align: center;
				color: white;
				font-weight: bold;
				font-size: 18px;
			}
			.content-title {
				width: 100%;
				height: 17px;
				line-height: 17px;
				/*background-color: #4CD964;*/
			}
			
			.line {
				display: block;
				width: 3px;
				height: 17px;
				background-color: #222222;
				float: left;
				margin-left: 5%;
			}
			
			.title-text {
				float: left;
				margin-left: 7px;
				color: #222222;
			}
			
			.content-text {
				width: 100%;
				height: auto;
				margin: 5px auto;
				font-size: 12px;
				color: #777777;
			}
			.content-text span{
				display: block;
				margin: 2px 5% 2px 10%;
			}
			
			button{
				/*font-family: "黑体";*/
				width: 40%;
				height: 35px;
				background-color: #2e8ded;
				border-color: #2e8ded;
				color: white;
				margin-top: 20px;
				margin-left: 30%;
				font-size: 16px;
				border-radius: 4px;
				margin-bottom: 15px;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title" v-html="loan.loanName"></h1>
			</header>
			<!--顶部-->
			<div class="top-bg">
				<img v-bind:src="loan.loanHeaderImage" style="width: 100%;height: auto;" />
			</div>
			<p></p>
			<div v-for="(item,index) in loan.cons">
				<p v-if="loan.cons.length > 1" style="width: 100%;text-align: center;font-size: 16px">申请条件<span v-html="index + 1"></span></p>
				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">申请资格</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanEligibility)" :data="item.loanEligibility" >
				</span>
					</div>
				</div>

				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">申请资料</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanDoc)" :data="item.loanDoc" >
				</span>
					</div>
				</div>
				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">还款方式</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanModel)" :data="item.loanModel" >
				</span>
					</div>
				</div>
				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">费率</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanRate)" :data="item.loanRate">
				</span>
					</div>
				</div>
				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">信用额度</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanQuota)" :data="item.loanQuota" >
				</span>
					</div>
				</div>

				<div class="content">
					<div class="content-title">
						<span class="line"></span><span class="title-text">贷款期限</span>
					</div>
					<div class="content-text">
				<span v-html="filterStrBr(item.loanTerm)" :data="item.loanTerm">
				</span>
					</div>
				</div>
			</div>

			<button v-if="!isPhone" @click="open(loan.loanUrl,loan.loanId)" :data-id="loan.loanUrl" :type="loan.loanId">立即申请</button>
			<button v-if="isPhone" @click="open(loan.loanUrl,loan.loanId)" :data-id="loan.loanUrl" :type="loan.loanId" :href="loan.loanUrl">{{loan.loanUrl}}</button>

		</div>

		<script src="../public/js/jquery.min.js"></script>
		<script src="../public/js/vue.min.js"></script>
		<script src="../public/js/loan/info.js"></script>
		<script src="../public/js/loan/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>